.main {

    width     : 1200px;
    margin    : 0 auto;
    margin-top: 90px;


    .shopNotice {
        height         : 50px;
        display        : flex;
        flex-wrap      : nowrap;
        align-content  : stretch;
        justify-content: space-evenly;
        align-items    : center;
        background     : #f2f2f2;

        .shop {
            width      : 114px;
            font-size  : 16px;
            font-weight: bold;
        }
    }



    .shop::after {
        float        : right;
        content      : "";
        display      : block;
        transform    : translate3d(0, 120%, 0);
        width        : 6px;
        height       : 6px;
        background   : #000;
        border-radius: 3px;
    }

    .notice {
        width        : 1000px;
        padding-right: 50px;
        font-size    : 14px;
        color        : #60b3fa;
    }

    .swiper-container {
        width        : 1200px;
        height       : 720px;
        margin-left  : auto;
        margin-right : auto;
        margin-top   : 20px;
        margin-bottom: 20px;

        .swiper-slide {
            text-align: center;
            font-size : 18px;
            background: #fff;

            /* Center slide text vertically */
            display                : -webkit-box;
            display                : -ms-flexbox;
            display                : -webkit-flex;
            display                : flex;
            -webkit-box-pack       : center;
            -ms-flex-pack          : center;
            -webkit-justify-content: center;
            justify-content        : center;
            -webkit-box-align      : center;
            -ms-flex-align         : center;
            -webkit-align-items    : center;
            align-items            : center;
        }

        .swiper-button-prev {
            background-image: url("");
        }

        .swiper-button-next {
            background-image: url("");
        }
    }

    .discount {
        height         : 120px;
        width          : 1200px;
        display        : flex;
        justify-content: space-between;
        margin-bottom  : 50px;

        .rightbox,
        .leftbox {
            width           : 30px;
            height          : 100%;
            background-color: #f2f2f2;
        }

        .card1,
        .card2,
        .card3 {
            height       : 118px;
            border       : 1px solid #e5e5e5;
            padding-right: 16px;
            display      : flex;

            .item-head {
                flex-grow         : 0;
                -ms-flex-negative : 0;
                flex-shrink       : 0;
                width             : 130px;
                padding-left      : 17px;
                padding-right     : 17px;
                background-color  : #f2f2f2;
                text-align        : center;
                display           : -ms-flexbox;
                display           : flex;
                -ms-flex-direction: column;
                flex-direction    : column;
                -ms-flex-pack     : center;
                justify-content   : center;
                cursor            : pointer;

                .price {
                    font-size    : 24px;
                    line-height  : 33px;
                    color        : #000;
                    font-weight  : 500;
                    white-space  : nowrap;
                    overflow     : hidden;
                    text-overflow: ellipsis;
                }

                .downprice {
                    margin-top   : 4px;
                    font-size    : 16px;
                    line-height  : 22px;
                    color        : #000;
                    white-space  : nowrap;
                    overflow     : hidden;
                    text-overflow: ellipsis;
                }
            }

            .item-more {
                flex-grow         : 1;
                -ms-flex-negative : 1;
                flex-shrink       : 1;
                padding-left      : 17px;
                padding-right     : 17px;
                background-color  : #fff;
                position          : relative;
                text-align        : center;
                display           : -ms-flexbox;
                display           : flex;
                -ms-flex-direction: column;
                flex-direction    : column;
                -ms-flex-pack     : center;
                justify-content   : center;
                font-size         : 14px;
                line-height       : 20px;

                .item-type {
                    flex-grow        : 0;
                    -ms-flex-negative: 0;
                    flex-shrink      : 0;
                    color            : #000;
                    width            : 91px;
                    white-space      : nowrap;
                    text-overflow    : ellipsis;
                    overflow         : hidden;
                }

                .item-get {
                    flex-grow        : 0;
                    -ms-flex-negative: 0;
                    flex-shrink      : 0;
                    margin-top       : 6px;

                    a {
                        display         : block;
                        min-width       : 91px;
                        padding         : 5px 0;
                        background-color: #000;
                        color           : #fff;
                    }
                }
            }
        }

    }
}